<template>
  <div class="qtCreate">
    <el-row>
      <el-col :span="12">
        <div>
          <h1 class="qtTitle">创建资产</h1>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="qtButton">
          <router-link to="hardware" class="qtBack">返回</router-link>
        </div>
      </el-col>
    </el-row>
    <el-row class="qtContent">
      <el-col :span="24">
        <div style="margin: 20px;"></div>
        <el-form :label-position="labelPosition" label-width="80px" :model="createAssetsForm">
          <el-form-item label="资产名称">
            <el-input v-model="createAssetsForm.assetsName" placeholder='请输入资产名称'></el-input>
          </el-form-item>
          <el-form-item label="资产标签">
            <el-input v-model="createAssetsForm.assetsLabel" placeholder='请输入资产标签'></el-input>
          </el-form-item>
          <el-form-item label="资产型号">
            <el-input v-model="createAssetsForm.assetsModel" placeholder='请输入资产型号'></el-input>
          </el-form-item>
          <el-form-item label="状态">
            <!-- <el-input v-model="createAssetsForm.assetsStatus"></el-input> -->
             <el-select v-model="value" placeholder="选择状态" ref="qtSelect">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="使用人">
            <el-input v-model="createAssetsForm.assetsUser"></el-input>
          </el-form-item>
          <el-form-item label="部门">
            <el-input v-model="createAssetsForm.assetsDepartment"></el-input>
          </el-form-item>
          <el-form-item label="分配日期">
            <el-input v-model="createAssetsForm.assetsDistribution"></el-input>
          </el-form-item>
          <el-form-item label="归还日期">
            <el-input v-model="createAssetsForm.assetsReturn"></el-input>
          </el-form-item>
          <el-form-item label="位置">
            <el-input v-model="createAssetsForm.assetsAddress"></el-input>
          </el-form-item>
          <el-form-item label="购买成本">
            <el-input v-model="createAssetsForm.assetsPrice"></el-input>
          </el-form-item>
          <el-form-item label="购买日期">
            <el-input v-model="createAssetsForm.assetsDate"></el-input>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data () {
    return {
      labelPosition: 'right',
      createAssetsForm: {
        assetsName: '',
        assetsLabel: '',
        assetsModel: '',
        assetsStatus: '',
        assetsUser: '',
        assetsDepartment: '',
        assetsDistribution: '',
        assetsReturn: '',
        assetsAddress: '',
        assetsPrice: '',
        assetsDate: ''
      },
      options: [{
        value: '选项1',
        label: '黄金糕'
      }, {
        value: '选项2',
        label: '双皮奶'
      }, {
        value: '选项3',
        label: '蚵仔煎'
      }, {
        value: '选项4',
        label: '龙须面'
      }, {
        value: '选项5',
        label: '北京烤鸭'
      }],
      value: ''
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.qtCreate {
  padding: 10px;
}
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.qtTitle {
  font-size: 25px;
  text-align: left;
  line-height: 1;
}
.qtButton {
  margin-top: 5px;
  text-align: right;
  padding-right: 20px;
  .qtBack {
    background-color: #3c8dbc;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
  }
}

.qtContent {
  padding: 0 300px;
 .el-col{
   background-color: #fff;
   padding:20px 200px 0;
 }
}
</style>
